@charset "UTF-8";
/* HTML5 Boilerplate  What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team.  Detailed information about this CSS: h5bp.com/css  ==|== normalize ========================================================== */
/* ============================================================================= HTML5 display definitions ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

/* ============================================================================= Base ========================================================================== */
/* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units 2. Force vertical scrollbar in non-IE 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

body, button, input, select, textarea { font-family: "Verdana", Arial, Helvetica, sans-serif; color: white; }
select {color:#006699;}

/* Remove text-shadow in selection highlight: h5bp.com/i These selection declarations have to be separate Also: hot pink! (or customize the background color to match your design) */
::-moz-selection { background: #fe57a1; color: white; text-shadow: none; }

::selection { background: #fe57a1; color: white; text-shadow: none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* ============================================================================= Typography ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= Lists ========================================================================== */
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* ============================================================================= Embedded content ========================================================================== */
/* 1. Improve image quality when scaled in IE7: h5bp.com/d 2. Remove the gap between images and borders on image containers: h5bp.com/e */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* Correct overflow not hidden in IE9 */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figures ========================================================================== */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 1. Correct color not inheriting in IE6/7/8/9 2. Correct alignment displayed oddly in IE6/7 */
legend { border: 0; *margin-left: -7px; padding: 0; }

/* 1. Correct font-size not inheriting in all browsers 2. Remove margins in FF3/4 S5 Chrome 3. Define consistent vertical alignment display in all browsers */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }


/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
button, input { line-height: normal; }

/* 1. Display hand cursor for clickable form elements 2. Allow styling of clickable form elements in iOS 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Remove inner padding and border in FF3/4: h5bp.com/l */
select::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner { border: 0 !important; padding: 0 !important; }

/* 1. Remove default vertical scrollbar in IE6/7/8/9 2. Allow only vertical resizing */
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* ============================================================================= Tables ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

a:active { outline: none; }

/* Headings ------------------------------------ 1. Fixes spacing and optimizes appearance 2. Sexier rendering in webkit and ios/android 
*/
body { font-family: "Verdana", Arial, Helvetica, sans-serif; }

* html { font-size: 75%; }

html { font-size: 12px; line-height: 1.66667em; }

a { color: #0099cc; }

a:visited { color: #007399; }

a:hover { color: #00ace6; }

a:focus { outline: thin dotted; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; text-rendering: optimizelegibility; -webkit-font-smoothing: subpixel-antialiased; }

h1.headline, h2.headline, h3.headline, h4.headline, h5.headline, h6.headline { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { display: inline-block; vertical-align: baseline; margin: -0.2em 0; font-size: .75em; }

h1 { font-size: 2.5em; line-height: 1.33333em; }

h1.headline { line-height: 0.66667em; margin-top: 0.66667em; margin-bottom: 0.66667em; }

h2 { font-size: 2em; line-height: 0.83333em; margin-top: 0.41667em; margin-bottom: 0.41667em; }

h2.headline { margin-top: 0.83333em; margin-bottom: 0.83333em; }

h3 { font-size: 1.5em; line-height: 1.11111em; margin-top: 0.55556em; margin-bottom: 0.55556em; }

h3.headline { margin-top: 0.55556em; margin-bottom: 0.55556em; }

h4 { font-size: 1.16667em; line-height: 1.42857em; margin-top: 0.71429em; margin-bottom: 0.71429em; }

h5 { font-size: 1em; line-height: 1.66667em; }

h6 { font-size: 0.91667em; line-height: 1.81818em; text-transform: uppercase; }

/* Headings ------------------------------------
*/
p { font-size: 12px; line-height: 20px; margin-top: 0em; margin-bottom: 1.66667em; }

/* Lists ------------------------------------
*/
ul, ol { font-size: 1em; line-height: 1.66667em; margin-top: 0em; margin-bottom: 1.66667em; line-height: 1; margin-left: 1.6em; padding: 0; }

ul.block, ol.block { margin-left: 0; list-style: none; }

ul ul, ul ol, ol ul, ol ol { margin-top: 0.83333em; margin-bottom: 0.83333em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li { line-height: 1.66667em; }

.lt-ie9 li { line-height: 1.68333em; }

dl dt { font-weight: bold; }

dl dd { margin: 0.83333em 0 0.83333em 0.83333em; }

html, body { min-height: 100%; }

html { background: #006699; }

body { background: #aedbff; font-family: "Droid Sans",'Helvetica Nueue', Helvetica, Arial, sans-serif; }

.section-heading { clip: rect(1px, 1px, 1px, 1px); position: absolute; }

#main p a { color: #fe9900; }

#main p a:visited { color: #d17e00; }

#main p a:hover { color: #ffc46b; }

#heading { position: relative; padding-top: 30px; background: #006699; }

#heading h1 { background: white; height: 35px; margin: 0 auto; }

#heading h1 a { text-indent: -9999em; display: block; width: 150px; height: 35px; background: #006699 url("/img/mobile/logo.png") center no-repeat; background-size: auto 100%; margin-left: 15px; }

#heading div.arrow-links { position: absolute; top: 0px; left: 10px; right: 10px; height: 30px; }

#main { margin: 0 auto; padding: 1.66667em 0 1px 0; background: #006699; }

#main section p { padding: 0 10px; }

#footer { padding: 1.66667em 0px; background: #0099cc; position: relative; margin-bottom: 30px; }

#footer div.arrow-links { position: absolute; height: 30px; bottom: -30px; left: 10px; right: 10px; }

#social_links { white-space: nowrap; list-style: none; display: block; letter-spacing: -4px; word-spacing: -4px; margin-left: 0; text-align: center; margin: 0; }

#social_links li { display: inline-block; vertical-align: middle; letter-spacing: normal; word-spacing: normal; }

#social_links li * { letter-spacing: normal; word-spacing: normal; }

#social_links li a { display: block; white-space: normal; display: inline-block; vertical-align: middle; }

#social_links li { margin: 0 .5em; }

#social_links a { display: block; width: 32px; height: 32px; background-image: url("/img/mobile/social.png"); background-size: 32px auto; text-indent: -9999em; }

#social_links a.facebook { background-position: top center; }

#social_links a.twitter { background-position: center; }

#social_links a.youtube { background-position: bottom center; }

nav ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }

nav ul li, nav ul a { display: block; }

nav ul li { border-bottom: 1px solid white; }

nav ul li:first-child { border-top: 1px solid #b2c1d1; }

nav ul a { background-image: -webkit-linear-gradient(#e4f1ff 0px, white 100%); background-image: -moz-linear-gradient(#e4f1ff 0px, white 100%); background-image: linear-gradient(#e4f1ff 0px, #ffffff 100%); font-size: 1em; line-height: 2.5em; border-bottom: 1px solid #b2c1d1; text-decoration: none; text-transform: uppercase; }

nav ul a, nav ul a:visited { color: #006699; text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; font-weight: bold; }

.header { font-size: 1em; line-height: 2.5em; color: #006699; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 0px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: center; background-image: -webkit-linear-gradient(#f2f2f2 0px, #f2f2f2 20%, #a3d1d1 100%); background-image: -moz-linear-gradient(#f2f2f2 0px, #f2f2f2 20%, #a3d1d1 100%); background-image: linear-gradient(#f2f2f2 0px, #f2f2f2 20%, #a3d1d1 100%); }

.bold { font-weight: bold; }

.caps { text-transform: uppercase; }

.align-center { text-align: center; }

.dark-blue { color: #006699; }

h1.game-logo, h2.logo { text-indent: -9999em; max-width: 100%; height: 120px; background-size: auto 80%; margin: 0px; background-repeat: no-repeat; background-position: top center; }

h2.header, h3.header, h4.header { border-bottom: 1px solid white; margin-top: 0; }

h2.short, h3.short, h4.short { margin-bottom: 0; }

h1.header { margin-bottom: 1.66667em; }

h1.header.short { margin-bottom: 0; }

h2.header { margin-bottom: 1.66667em; }

h2.header.short { margin-bottom: 0; }

p, h5 { padding: 0 15px; }

p.small { font-size: 0.91667em; line-height: 1.81818em; }

div.arrow-links { text-align: center; }

div.arrow-links a { display: inline-block; height: 30px; line-height: 30px; color: white; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px; text-transform: uppercase; }

div.arrow-links a:before, div.arrow-links a:after { display: inline-block; vertical-align: middle; color: #aedbff; text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px; }

div.arrow-links a.back { float: left; }

div.arrow-links a.back:before { content: '◀'; margin-right: .5em; }

div.arrow-links a.home { float: right; }

div.arrow-links a.home:after { content: '▶'; margin-left: .5em; }

div.arrow-links a.full-site { float: none; margin: 0 auto; text-align: center; text-transform: none; position: relative; left: 3px; }

#heading div.arrow-links a.full-site { display: none; }

#card { text-align: center; padding: 1em 0; }

#card img { margin: 0 auto; max-width: 175px; max-height: 100px; }

.yellow { color: #ffffcc; }

table { width: 100%; }

table th, table td { vertical-align: middle; }

table.game-detail { width: 100%; margin-bottom: 0; }

table.game-detail td { border-bottom: 1px solid #b2c1d1; padding: .5em .25em; width: 50%; }

table.game-detail td:first-child { padding-left: 10px; }

table.game-detail td:last-child { padding-right: 10px; }

ul.columns { list-style-type: none; margin: 0; padding: 0 1em; text-align: center; }

ul.columns li { display: inline-block; vertical-align: top; width: 49%; margin: .25em 0; text-align: left; }

ul.columns li:nth-child(even) { margin-left: -4px; }

ul.underline li { border-bottom: 1px solid #b2c1d1; }

table.blue, table.blue-stripe { font-size: 10px; margin-bottom: 1.66667em; color: #006699; }

table.blue th, table.blue td, table.blue-stripe th, table.blue-stripe td { padding: .25em .5em; }

table.blue td, table.blue-stripe td { background: #aedbff; color: #004466; }

table.blue tr td:last-child, table.blue tr td:last-child, table.blue-stripe tr td:last-child, table.blue-stripe tr td:last-child { border-right: none; }

ul.blue-stripe { list-style: none; margin: 0; padding: 0; color: #006699; }

ul.blue-stripe li { padding: .25em 1em; position: relative; }

ul.blue-stripe li:nth-child(odd) { background: #8acbff; }

ul.blue-stripe li:nth-child(even) { background: #aedbff; }

ul.nav-list li { padding: .25em 3em .25em 1em; }

ul.nav-list a { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: transparent; text-indent: -9999em; }

ul.nav-list a:after { content: '▶'; position: absolute; top: 50%; right: 1em; margin-top: -0.5em; text-indent: 0; color: rgba(0, 102, 153, 0.3); }

table.blue th, table.blue td { border: 1px solid white; border-width: 0px 1px 1px 0px; }

table.blue th { background: #0099CC; color:white; text-align: center; text-shadow: #005885 1px 1px 0px; }

table.blue tr td:last-child, table.blue tr th:last-child { border-right: none; }

table.short, table.no-margin { margin-bottom: 0; }

table.blue-stripe { color: black; font-weight: normal; }

table.blue-stripe th { text-align: left; color: #006699; font-weight: bold; }

table.blue-stripe td, table.blue-stripe th { border-bottom: 1px solid #b2c1d1; }

table.blue-stripe td, table.blue-stripe th { background: #aedbff; }

table.blue-stripe tr:nth-child(even) th, table.blue-stripe tr:nth-child(even) td { background: #c9e6fe; }

table.blue-stripe td:first-child { padding-left: 10px; }

table.blue-stripe td:last-child { padding-right: 10px; }

table.blue-stripe th:first-child { padding-left: 10px; }

table.nav { position: relative; }

table.nav th, table.nav td { padding-top: .75em; padding-bottom: .75em; }

table.nav tr td:last-child { padding-right: 20px; position: relative; white-space: nowrap; }

table.nav a { display: block; text-align: center; position: absolute; top: 50%; right: 0px; line-height: 20px; height: 20px; margin-top: -10px; width: 20px; text-decoration: none; }

table.nav tr.linkable td, table.nav tr.linkable th { cursor: pointer; cursor: hand; position: static; }

table.nav tr.linkable a { text-align: right; width: auto; height: auto; text-indent: 10px; }

table.odds-and-prizes-table { border-collapse: collapse; }

table.odds-and-prizes-table caption { clip: rect(1px, 1px, 1px, 1px); position: absolute; }

table.odds-and-prizes-table td, table.odds-and-prizes-table th { padding: .5em .25em; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom: 1px solid white; }

table.odds-and-prizes-table tr td:last-child, table.odds-and-prizes-table tr th:last-child { border-right: none; }

table.odds-and-prizes-table thead th { color: white; font-weight: bold; text-align: center; background: #0099cc; vertical-align: middle; }

table.odds-and-prizes-table tbody { background: #aedbff; }

table.odds-and-prizes-table tbody td { text-align: center; line-height: 1.5; color: #004466; }

table.odds-and-prizes-table td.nowrap { white-space: nowrap; }

table.odds-and-prizes-table td.matchers { background: url("/img/sprites/24-s8115c5f023.png") 2px -383px no-repeat; text-align: right; vertical-align: top; padding: 0; }

table.odds-and-prizes-table h6 { text-indent: -9999em; text-align: left; background: #aedbff; font-size: 11px; display: inline-block; vertical-align: middle; height: 30px; padding: 0; margin: 0 12px 0 0; }

table.odds-and-prizes-table h6.plus { background: #aedbff url("/img/sprites/24-s8115c5f023.png") -50px -383px no-repeat;}

table.odds-and-prizes-table h6.five { width: 27px; }

table.odds-and-prizes-table h6.four { width: 37px; }

table.odds-and-prizes-table h6.three { width: 47px; }

table.odds-and-prizes-table h6.two { width: 57px; }

table.odds-and-prizes-table h6.one { width: 67px; }

table.odds-and-prizes-table h6.zero { width: 80px; }

div.light-blue { background: #3399ff; padding: 1em .5em; }

ul.image-list { white-space: nowrap; list-style: none; display: block; letter-spacing: -4px; word-spacing: -4px; margin-left: 0; text-align: center; padding: 0 15px; }

ul.image-list li { display: inline-block; vertical-align: middle; letter-spacing: normal; word-spacing: normal; }

ul.image-list li * { letter-spacing: normal; word-spacing: normal; }

ul.image-list li a { display: block; white-space: normal; display: inline-block; vertical-align: middle; }

ul.image-list li { width: 100px; }

ul.image-list li img { max-width: 100%; }

ul.box-list { white-space: nowrap; list-style: none; display: block; letter-spacing: -4px; word-spacing: -4px; margin-left: 0; text-align: center; }

ul.box-list li { display: inline-block; vertical-align: middle; letter-spacing: normal; word-spacing: normal; }

ul.box-list li * { letter-spacing: normal; word-spacing: normal; }

ul.box-list li a { display: block; white-space: normal; display: inline-block; vertical-align: middle; }

ul.box-list.three li { width: 30%; margin: 0 1% 1em 1%; }

ul.box-list.four li { width: 22%; margin: 0 1% 1em 1%; }

ul.box-list img { max-width: 100%; }

div[rel=form] { margin-bottom: 1.66667em; }

div[rel=form] label { display: block; }

div[rel=form] input[type=radio]:focus, div[rel=form] input[type=checkbox]:focus, div[rel=form] button:focus, div[rel=form] input[type=button]:focus, div[rel=form] input[type=submit]:focus, div[rel=form] input[type=reset]:focus, div[rel=form] input[type=email]:focus, div[rel=form] input[type=password]:focus, div[rel=form] input[type=text]:focus, div[rel=form] input[type=number]:focus, div[rel=form] input[type=search]:focus, div[rel=form] input[type=tel]:focus, div[rel=form] input[type=time]:focus, div[rel=form] input[type=url]:focus, div[rel=form] input[type=datetime]:focus, div[rel=form] input[type=date]:focus, div[rel=form] input[type=datetime-local]:focus, div[rel=form] input[type=week]:focus, div[rel=form] input[type=month]:focus, div[rel=form] select:focus, div[rel=form] textarea:focus { outline: none; }

div[rel=form] button, div[rel=form] input[type=button], div[rel=form] input[type=submit], div[rel=form] input[type=reset] { width: auto; height: auto; }

div[rel=form] input[type=email], div[rel=form] input[type=password], div[rel=form] input[type=text], div[rel=form] input[type=number], div[rel=form] input[type=search], div[rel=form] input[type=tel], div[rel=form] input[type=time], div[rel=form] input[type=url], div[rel=form] input[type=datetime], div[rel=form] input[type=date], div[rel=form] input[type=datetime-local], div[rel=form] input[type=week], div[rel=form] input[type=month], div[rel=form] select, div[rel=form] textarea { -webkit-box-shadow: #efefef 3px 3px 6px 0px inset; -moz-box-shadow: #efefef 3px 3px 6px 0px inset; box-shadow: #efefef 3px 3px 6px 0px inset; border-style: solid; border-width: 1px; border-color: #cccccc; outline: none; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }

div[rel=form] input[type=email]:focus, div[rel=form] input[type=password]:focus, div[rel=form] input[type=text]:focus, div[rel=form] input[type=number]:focus, div[rel=form] input[type=search]:focus, div[rel=form] input[type=tel]:focus, div[rel=form] input[type=time]:focus, div[rel=form] input[type=url]:focus, div[rel=form] input[type=datetime]:focus, div[rel=form] input[type=date]:focus, div[rel=form] input[type=datetime-local]:focus, div[rel=form] input[type=week]:focus, div[rel=form] input[type=month]:focus, div[rel=form] select:focus, div[rel=form] textarea:focus { border-color: #339bb9; -webkit-box-shadow: rgba(51, 155, 185, 0.6) 0 0 5px 0; -moz-box-shadow: rgba(51, 155, 185, 0.6) 0 0 5px 0; box-shadow: rgba(51, 155, 185, 0.6) 0 0 5px 0; }

div[rel=form] input[type=file]:focus, div[rel=form] input[type=radio]:focus, div[rel=form] input[type=checkbox]:focus, div[rel=form] select:focus { border-color: #339bb9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #c4c4c4; }

div[rel=form] input[type=email], div[rel=form] input[type=password], div[rel=form] input[type=text], div[rel=form] input[type=number], div[rel=form] input[type=search], div[rel=form] input[type=tel], div[rel=form] input[type=time], div[rel=form] input[type=url], div[rel=form] input[type=datetime], div[rel=form] input[type=date], div[rel=form] input[type=datetime-local], div[rel=form] input[type=week], div[rel=form] input[type=month], div[rel=form] textarea { border-radius: 2px; margin: 0.5em 0; padding: 0.25em 0.25em; line-height: normal !important; height: 1.7em; }

div[rel=form] input[type=file] { height: 2.2em; vertical-align: middle; }

div[rel=form] textarea { height: auto; }

div[rel=form] select { height: 26px; padding: 4px; margin-top: 0.58333em; margin-bottom: 0.75em; }

div[rel=form] select option { padding-right: 32px; }

div[rel=form] select[size] { border-style: solid; display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-top: 0.41667em; margin-bottom: 0.91667em; padding-top: 0.16667em; height: auto; }

div[rel=form] select[size] option { text-indent: .3em; }

div[rel=form] select[size][size='1'] { height: 20px; }

div[rel=form] select[size][size='2'] { height: 40px; }

div[rel=form] select[size][size='3'] { height: 60px; }

div[rel=form] select[size][size='4'] { height: 80px; }

div[rel=form] select[size][size='5'] { height: 100px; }

div[rel=form] select[size][size='6'] { height: 120px; }

div[rel=form] select[size][size='7'] { height: 140px; }

div[rel=form] select[size][size='8'] { height: 160px; }

div[rel=form] input[type=radio], div[rel=form] input[type=checkbox] { display: inline-block; vertical-align: middle; margin-right: .5em; }

div[rel=form] input[type=radio] + label, div[rel=form] input[type=checkbox] + label { display: inline-block; vertical-align: middle; }

div[rel=form] input[disabled], div[rel=form] textarea[disabled], div[rel=form] input.disabled, div[rel=form] textarea.disabled { cursor: not-allowed; border-color: #dddddd; color: #cccccc; background-color: #eee; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

div[rel=form] input + .hint, div[rel=form] textarea + .hint { display: block; color: #aaaaaa; font-size: 0.83333em; line-height: 2em; }

div[rel=form] input, div[rel=form] select { color: #004466; }

div[rel=form] input { -webkit-appearance: none; }

div[rel=form] input[type=checkbox], div[rel=form] input[type=radio] { background: white; border: #006699; padding: 0; display: inline-block; }

div[rel=form] select { background: white; }

a.button, button.button { background: #ff9900; display: inline-block; font-size: 11px; padding: 0 1em; height: 32px; line-height: 32px; vertical-align: middle; color: white; text-transform: uppercase; position: static; font-weight: normal; text-decoration: none; border: 1px solid white; outline: 2px solid #ff9900; margin-right: .5em; text-shadow: rgba(0, 0, 0, 0.15) 1px 1px 1px; font-family: "Droid Sans",'Helvetica Nueue', Helvetica, Arial, sans-serif; }

ul.fields { margin: 0; padding: 0; list-style: none; padding: 0 15px; }

ul.fields li { padding-top: 0em; padding-bottom: 1.66667em; display: block; }

ul.fields ul:before, ul.fields ul:after, ul.fields ol:before, ul.fields ol:after { content: ""; display: table; }

ul.fields ul:after, ul.fields ol:after { clear: both; }

ul.fields ul li, ul.fields ol li { float: left; }

ul.fields ul li.clear, ul.fields ol li.clear { clear: both; }

ul.fields li { padding: 0; }

ul.fields li.buttons { padding-top: 1.66667em; }

ul.fields li.inline { white-space: nowrap; padding: .25em 0; }

ul.fields li.inline label { white-space: normal; display: inline-block; padding-right: 15px; }

ul.fields li.inline input[type=checkbox] + label { vertical-align: top; }

#locations_form li.half { display: inline-block; width: 48%; margin-right: 0; margin-bottom: 0.41667em; }

#games_list { max-width: 100%; white-space: normal; padding: 0 10px; }

#games_list li { text-align: center; background: #edf7d2; margin: 0 .5em 1em .5em; border-radius: 10px; }

#games_list li a { display: block; min-height: 90px; padding: 10px; }

#games_list li img { max-width: 100%; margin: 0 auto; }

ul.game-balls { padding: 0; margin: 0; text-align: center; white-space: nowrap; list-style: none; display: block; letter-spacing: -4px; word-spacing: -4px; margin-left: 0; margin: 0 auto; width: 100%; padding: .25em 0;}

ul.game-balls li { display: inline-block; vertical-align: middle; letter-spacing: normal; word-spacing: normal; }

ul.game-balls li * { letter-spacing: normal; word-spacing: normal; }

ul.game-balls li a { display: block; white-space: normal; display: inline-block; vertical-align: middle; }

ul.game-balls li { text-align: center; width: 32px; font-size: 16px; line-height: 34px; text-align: center; vertical-align: baseline; color: #006699; background: url("/img/sprites/32-s4ed7a25d59.png") -1px -45px no-repeat; padding: 0; margin: 0; }

ul.game-balls li.yellow { background: url("/img/sprites/32-s4ed7a25d59.png") -1px 0 no-repeat; }

ul.game-balls li.title { width: auto; font-size: 1em; line-height: 2.25em; padding: 0 0 .25em 0; background: none; display: block; color: white; background: #006699; }

ul.game-balls li.multiplier { margin-left: 10px; }

.jackpot { font-size: 1.8em; font-weight: normal!important; margin: 0 0 15px 0; line-height: 0.9em; }

.jackpot span { font-size: 0.65em; }

#scratchers #heading { padding-top: 10px; }

#scratchers #main, #scratchers #heading { background: #aedbff; }

#scratchers #heading h1 a { background-color: #aedbff; }

#scratchers #heading div.arrow-links { display: none; }

#scratchers h2.logo { background: transparent url("/img/mobile/logos/scratchers.png") center no-repeat; margin-bottom: 0.83333em; }

#scratcher_detail #main { font-weight: bold; }

#press_list li { line-height: 1.2; padding: .5em 3em .5em 1em; color: #555; font-size: 12px; }

#press_list strong { display: block; color: #004e75; }

#marquee { background: white; padding: 30px 15px 10px 15px; max-width: 100%; position: relative; }

#marquee #marquee_images { white-space: nowrap; max-width: 100%; overflow: hidden; text-align: center; position: relative; }

#marquee section.slide { display: none; max-width: 100%; -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; position: relative; margin: 0 auto; }

#marquee section.slide.prev, #marquee section.slide.next { position: absolute; top: 0px; width: 100%; }

#marquee section.slide.next { left: 100%; }

#marquee section.slide.prev { left: -100%; }

#marquee section.slide.active, #marquee section.slide.prev, #marquee section.slide.next { display: block; }

#marquee section.slide.active.left { left: -100%; }

#marquee section.slide.active.right { left: 100%; }

#marquee section.slide.next.left, #marquee section.slide.prev.right { left: 0px; }

#marquee section.slide img { max-width: 100%; }

#marquee a.prev, #marquee a.next { display: block; width: 28px; height: 32px; background: rgba(0, 0, 0, 0.9); position: absolute; top: 50%; margin-top: -16px; color: white; text-align: center; text-decoration: none; font-size: 24px; font-weight: bold; line-height: 32px; }

#marquee a.prev { left: 0px; }

#marquee a.next { right: 0px; }

#marquee #marquee_nav { white-space: nowrap; list-style: none; display: block; letter-spacing: -4px; word-spacing: -4px; margin-left: 0; margin: 0; padding: 0; position: absolute; top: 10px; left: 20px; right: 20px; text-align: center; }

#marquee #marquee_nav li { display: inline-block; vertical-align: middle; letter-spacing: normal; word-spacing: normal; }

#marquee #marquee_nav li * { letter-spacing: normal; word-spacing: normal; }

#marquee #marquee_nav li a { display: block; white-space: normal; display: inline-block; vertical-align: middle; }

#marquee #marquee_nav li { margin: 0 2px; }

#marquee #marquee_nav li a { display: block; width: 6px; height: 6px; background: #b2c1d1; border-radius: 100px; }

#marquee #marquee_nav li.active a, #marquee #marquee_nav a.active { background: #3399ff; }

#marquee.no-js section.slide { display: inline-block; }

#jackpots { list-style: none; padding: 0; margin: 0; }

#jackpots li { background: #aedbff; border-bottom: 1px solid white; padding: .5em .5em .5em 135px; color: #006699; text-shadow: white 1px 1px 0px; background-size: auto 75%; background-position: 15px 50%; background-repeat: no-repeat; }

#jackpots li span { display: block; line-height: 1.2; }

#jackpots li span.jackpot { font-size: 16px; }

#jackpots li span.jackpot small { font-size: 11px; }

/*GRIDVIEW Style for past winning numbers */
.GridViewStyle {table-layout: auto; }
.PagerStyle {background-color: #AEDBFF;}
.HeaderStyle th {padding: 5px 5px 5px 0px; background-color: #AEDBFF; color: #004466;  border-style: solid;  border-width: 0px 0px 1px 0px; border-color: #ffffff;  text-align: center; }
.HeaderStyle a:link, .HeaderStyle a:visited{color: #004466;text-align: left;font-weight: bold;padding-bottom: 9px;padding-right: 5px;padding-left: 5px;text-decoration: underline;}
.HeaderStyle a:hover {color: #004466; text-decoration: none;}
.PagerStyle table th td caption {text-align: center;padding: 0px;}
.PagerStyle table {background-color: #AEDBFF;margin: auto;}
/*padding around pager numbers */
.PagerStyle td {border: 0px;padding: 0px;}
.PagerStyle td {/*top border of pager*/ }
.PagerStyle a {font-weight: bold;color: #004466; }
.PagerStyle span {color: #000000;}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td {padding: 5px 0px 5px 0px; border-bottom: solid 1px #ffffff; text-align: center;  vertical-align: middle; }
.RowStyle td {background: rgba(0, 153, 204, 0.5);}
.AltRowStyle td {background: rgba(0, 153, 204, 0.5);}
.SelectedRowStyle td {font-weight: bold;}
/*GRIDVIEW */